<app-cheat-sheet [cheatSheet]="cheatSheet">
    <p>
        <strong><a href="https://wiki.factorio.com/Balancer_mechanics">Balancers</a></strong> are used to evenly
        distribute items over multiple belts, they are commonly used at ore patches or the <a href="https://wiki.factorio.com/Tutorial:Main_bus#Split-off">Main Bus</a>.
    </p>
    <ul>
        <li>
            Balancers that are <strong>input balanced</strong> take evenly from input belts.
        </li>
        <li>
            Balancers that are <strong>output balanced</strong> distribute evenly to output belts.
        </li>
        <li>
            Balancers that are <strong>output balanced under back pressure</strong>, keep an even distribution even if one or more output belts are blocked.
        </li>
        <li>
            Balancers that are <a href="https://wiki.factorio.com/Balancer_mechanics#Throughput" target="_blank" rel="noopener">throughput limited</a>
            may not provide the maximum throughput due to bottlenecks.
        </li>
    </ul>

    <hr>
    <div class="row">
        <div class="col-12 col-md-7 align-items-center text-center">
            <p>
                <strong>4x4 belt balancer</strong>
                <br>
                <img src="{{APP_SETTINGS.links.getLocalImagePath('balancer-4x4.webp')}}" class="img-fluid rounded"
                    alt="4x4 belt balancer" title="4x4 belt balancer">
            </p>
        </div>

        <div class="col-12 col-md-5">
            <strong class="d-block text-center">Tips</strong>
            <ul>
                <li>Don't overuse balancers, use them when needed.</li>
                <li>
                    Make a build that's inherently balanced, by letting the assembly machines consume a full belt of items.
                </li>
                <li>
                    Balancers can still be useful regardless; most common are the
                    <app-blueprint-clipboard [url]="sheetData?.commonBalancers[0].raw"></app-blueprint-clipboard>
                    <a href="{{sheetData?.commonBalancers[0].url}}" target="_blank" rel="noopener">4<i class="fas fa-long-arrow-alt-right"></i>4</a> and
                    <app-blueprint-clipboard [url]="sheetData?.commonBalancers[1].raw"></app-blueprint-clipboard>
                    <a href="{{sheetData?.commonBalancers[1].url}}" target="_blank" rel="noopener">8<i class="fas fa-long-arrow-alt-right"></i>8</a> throughput unlimited.
                </li>
                <li>
                    Being throughput unlimited, the input/output amount can vary, thus those two cover most cases.
                </li>
                <li>
                    There are more designs available online such as the
                    <a href="https://github.com/raynquist/balancer/blob/master/blueprints/balancer_book.txt" target="_blank" rel="noopener">Balancer Book</a> by
                    <a href="https://www.reddit.com/u/raynquist/" target="_blank" rel="noopener">Raynquist</a>.
                </li>
            </ul>
        </div>
    </div>

    <hr>

    <div class="row text-center">
        <div class="col-12 col-lg-6 col-print-6">
            <a href="https://imgur.com/gallery/Qtv6xHD" target="_blank" rel="noopener">Old wiki balancer page</a> screenshot.
            <br>
            <a href="https://gist.github.com/Bilka2/aeec4ff7123ff5544cb9a80cf1046a06" target="_blank" rel="noopener">Balancer Collection</a> from Bilka.
            <br>
        </div>
        <div class="col-12 col-lg-6 col-print-6">
            <a href="https://github.com/tzwaan/factorio_balancers" target="_blank" rel="noopener">
                Balancer tool
            </a> by tzwaan.
            <br>
            Balancer Guides by
            <a href="https://www.reddit.com/r/factorio/comments/9x3m14/i_couldnt_find_a_general_guide_to_balancers_so_i/" target="_blank" rel="noopener">
                CptTrifonius
            </a> and
            <a href="https://forums.factorio.com/viewtopic.php?t=61424" target="_blank" rel="noopener">
                EX_plode
            </a>.
        </div>
    </div>
</app-cheat-sheet>
